{%extends 'base.html'%}
{%block body%}
      <a href="/index/" class="list-header-1">
        <img src="/static/images/返回.png" class="list-img-return">
      </a>
      <img src="/static/images/项目.png" class="list-header-2">
      <div class="list-jizhan">
      <span class="list-header-span1">项目进展详情</span>
      </div>
      <span class="list-header-span2">项目名称:</span>
      <span class="list-header-span3">{{ProjectName}}</span>
      <span class="list-header-span4">合同号:</span>
      <span class="list-header-span5">123456789</span>
      <span class="list-header-query">项目搜索:</span>
      <input type="text" disabled="disabled" class="list-header-input1">
      <input type="text" class="list-header-input2" placeholder="项目名/运营商/地域">
    </header>
    <div class="list-jizhan2">
      <a href="/list/?ProjectName={{ProjectName}}" class="list-aa"><span class="list-header2-span1">基站状态清单</span></a>
    </div>
    <section class="details-section">
      <div class="details-nav">
        <span class="details-span1">项目进展详情</span>
        <!--<a href="#" class="details-a1">基站状态清单</a>-->
        <hr class="details-hr1">
      </div>
      <div class="details-danyan">
        <span class="details-span2">单验</span>
        <div class="details-btnw">
          <button type="button">日</button>
          <button type="button">周</button>
          <button type="button">月</button>
        </div>
        <div class="details-danyan-box1">
          <div class="details-danyan-xbox xbox1">
            <span class="details-box-span1">完成率</span>
          </div>
          <div class="caret details-caret1"></div>
          <span class="details-box-span2">92%</span>
        </div>
        <div class="details-danyan-box2">
          <div class="details-danyan-xbox xbox2">
            <span class="details-box-span1">通过率</span>
          </div>
          <div class="caret details-caret2"></div>
          <span class="details-box-span2">92%</span>
        </div>
        <div class="details-danyan-box3">
          <div class="details-danyan-xbox xbox3">
            <span class="details-box-span11">平均测试基站数</span>
          </div>
          <div class="caret details-caret3"></div>
          <span class="details-box-span22">6.5</span>
        </div>
      </div>
      <div class="details-cu">
        <span class="details-span2">簇</span>
        <div class="details-btnw">
          <button type="button">日</button>
          <button type="button">周</button>
          <button type="button">月</button>
        </div>
        <div class="details-danyan-box1">
          <div class="details-danyan-xbox xbox1">
            <span class="details-box-span1">完成率</span>
          </div>
          <div class="caret details-caret1"></div>
          <span class="details-box-span2">92%</span>
        </div>
        <div class="details-danyan-box2">
          <div class="details-danyan-xbox xbox2">
            <span class="details-box-span1">通过率</span>
          </div>
          <div class="caret details-caret2"></div>
          <span class="details-box-span2">92%</span>
        </div>
        <div class="details-danyan-box3">
          <div class="details-danyan-xbox xbox3">
            <span class="details-box-span11">平均测试基站数</span>
          </div>
          <div class="caret details-caret3"></div>
          <span class="details-box-span22">6.5</span>
        </div>
      </div>
        <div class="details-line1">
          <div class="details-line" id="details-main1">
          </div>
        </div>
        <div class="details-line2">
          <div class="details-line" id="details-main2">

          </div>
        </div>
    </section>
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/js/details.js"></script>
{%endblock body%}
